<canvas id="canvas" style='border:1px solid red'></canvas>
<script type="text/javascript">
	var webgl=canvas.getContext("experimental-webgl");
	var program=webgl.createProgram();
	var vs,fs,vs_s,fs_s;
	vs=webgl.createShader(webgl.VERTEX_SHADER);
	fs=webgl.createShader(webgl.FRAGMENT_SHADER);
	vs_s="attribute vec4 p;void main(){gl_Position=p;}";
	fs_s="void main(){gl_FragColor=vec4(1.0,0.0,0.0,1.0);}";
	webgl.shaderSource(vs,vs_s);
	webgl.shaderSource(fs,fs_s);
	webgl.compileShader(vs);
	webgl.compileShader(fs);
	webgl.attachShader(program,vs);
	webgl.attachShader(program,fs);
	webgl.linkProgram(program);
	webgl.useProgram(program);
	var data=[0,1,0,1,-1,-1,0,1,1,-1,0,1];
	data=new Float32Array(data);
	var buffer=webgl.createBuffer();
	webgl.bindBuffer(webgl.ARRAY_BUFFER,buffer);
	webgl.bufferData(webgl.ARRAY_BUFFER,data,webgl.STATIC_DRAW);
	var p=webgl.getAttribLocation(program,"p");
	webgl.enableVertexAttribArray(p);
	webgl.vertexAttribPointer(p,4,webgl.FLOAT,false,0,0);
	webgl.drawArrays(webgl.TRIANGLES,0,3);
</script>